<template>
  <div class="addSubCcount">
    <van-nav-bar
      title="新建子账号"
      left-arrow
      @click-left="$router.back()"
    >
      <template #right>
        <van-icon
          style="margin-right: 20px"
          name="search"
          size="20"
        />
        <van-icon
          name="ellipsis"
          size="18"
        />
      </template>
    </van-nav-bar>
    <div class="box">
      <div class="row">
        <van-field autocomplete="off"
          v-model="account"
          label="账号"
          placeholder="请输入账号"
        />
      </div>
      <div class="row">
        <van-field autocomplete="off"
          v-model="password"
          label="密码"
          placeholder="请输入密码"
        />
      </div>
      <div class="btn-content">
        <van-button
          type="info"
          size="large"
          plain
        >重置</van-button>
        <van-button
          type="info"
          size="large"
        >提交</van-button>
      </div>

    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      account: '',
      password: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.addSubCcount {
  .btn-content {
    padding: 0 0.2rem;
    margin-top: 0.5rem;
    .van-button {
      margin: 0.1rem 0;
    }
  }
  /deep/.van-field__body {
    input {
      font-size: 16px !important;
    }
  }
}
</style>